import React from "react";
import ReactDOM from "react-dom";

// const mydiv = React.createElement(
//     "div", { className: "nav", title: "ldf" },
//     "我是div"
// );
// 以上创建元素，属于原理，但实际开发的话太繁琐
// js中不能直接写html代码，我们需要配置babel进行转换 js中写入html的是jsx语法，浏览器不识别会报错
//需要把jsx转换成React.creatElement的方式
// 安装babel
// 1. cnpm i babel-core babel-loader@7.1.5 babel-plugin-transform-runtime -D
// 2. cnpm i babel-preset-env babel-preset-stage-0 babel-preset-react -D
// 3. webpack.config.js中配置 解析jsx的loader
// 4. 配置.babelrc
const mydiv1 = (
  <div class="nav">
    {" "}
    我是香菜{" "}
    <h1>
      {" "}
      yoyo <span> 1010 </span>{" "}
    </h1>{" "}
    <span> 20200707 </span>{" "}
  </div>
);

ReactDOM.render(mydiv1, document.getElementById("app"));
